<docs>
  ## 编辑个人基本信息
</docs>
<template>
  <div class="wrap">

      <co-form :model="zyjn" :rules="rules" ref="form" :label="labelName">
        <div v-if="zyjn.yyjnlx == '20'">
          <co-select prop="yyjnbm" label="拥有技能" v-model="zyjn.yyjnbm"
            :list="codeTable.zyjs_d_yyjn_zy"></co-select>
          <co-select prop="jsdj" label="技术等级" v-model="zyjn.jsdj"
            :list="codeTable.zyjs_d_yyjn_jsdj"></co-select>
          <co-input prop="csnx" label="从事年限" max-length="2"
            v-model="zyjn.csnx" placeholder="请输入从事年限"></co-input>
        </div>
        <div v-if="zyjn.yyjnlx == '10'">
          <co-select prop="yyjnbm" label="语言能力" v-model="zyjn.yyjnbm"
            :list="codeTable.zyjs_d_yyjn_wy"></co-select>
          <co-select prop="slcd" label="熟练程度" v-model="zyjn.slcd"
            :list="codeTable.zyjs_d_yyjn_slcd"></co-select>
          <co-input prop="xgsm" label="其他外语"
            v-model="zyjn.xgsm" placeholder="请输入其他外语"></co-input>
        </div>
        <div v-if="zyjn.yyjnlx == '30'">
          <co-select prop="yyjnbm" label="计算机等级"
            v-model="zyjn.yyjnbm" :list="codeTable.zyjs_d_yyjn_jsj"></co-select>
          <co-input prop="csnx" label="从事年限" max-length="2"
            v-model="zyjn.csnx" placeholder="请输入从事年限"></co-input>
        </div>
      </co-form>
      <div class="btn-wrap">
        <button class="weui-btn weui-btn_primary" @click.prevent="save" type="button">保存</button>
        <button class="weui-btn weui-btn_default" @click="backBase" type="button">返回</button>
      </div>

  </div>
</template>
<script>
import coForm from 'base/form/form';
import coInput from 'base/form/input';
import coSelect from 'base/form/select';
import { validator } from 'common/js/valid';
import coLevelPicker from 'base/form/levelPicker';


export default {
  name: 'editotherInfo',
  components: { coForm, coInput, coSelect, coLevelPicker },
  data() {
    return {
      zyjn: {
        grjnid: '', // 个人技能id
        grqzid: '', // 个人求职id
        yyjnlx: '', // 拥有技能类型
        yyjnbm: '', // 拥有技能编码
        jsdj: '', // 技术等级
        csnx: '', // 从事年限
        slcd: '', // 熟练程度
        xgsm: '', // 相关说明
        ywcz: '', // （1：新增，2：修改，0：删除）
        jlid: '' // 删除简历中的职业技能时必选
      },
      labelName: '',
      rules: {

      },
      codeTable: {
        zyjs_d_yyjnlx: [], // 拥有技能类型 职业(zyjs_d_yyjn_zy)
        zyjs_d_yyjn_zy: [], // 拥有技能编码
        zyjs_d_yyjn_jsdj: [], // 技术等级
        zyjs_d_yyjn_wy: [], // 拥有技能类型 语言(zyjs_d_yyjn_wy)
        zyjs_d_yyjn_jsj: [], // 拥有技能类型 计算机(zyjs_d_yyjn_jsj)；
        zyjs_d_yyjn_slcd: [], // 熟练程度
      }
    };
  },
  watch: {
    'zyjn.yyjnlx': function(val) {
      if (val == '10') {
        this.labelName = '语言能力'
        this.rules = {
          yyjnbm: validator('9,"full","语言能力",false'), // 拥有技能编码
          slcd: validator('32,full,"熟练程度",false'), // 熟练程度
          xgsm: validator('256,"full","相关说明",true') // 相关说明
        }
      }
      if (val == '20') {
        this.labelName = '职业技能'
        this.rules = {
          yyjnbm: validator('9,"full","拥有技能",false'), // 拥有技能编码
          jsdj: validator('32,"full","技术等级",false'), // 技术等级
          csnx: validator('3,"number","从事年限",false'), // 从事年限
        }
      }
      if (val == '30') {
        this.labelName = '计算机'
        this.rules = {
          yyjnbm: validator('9,"full","计算机等级",false'), // 拥有技能编码
          csnx: validator('2,"number","从事年限",false'), // 从事年限
        }
      }
    }
  },
  methods: {
    save() {
      // this.POST_save();
      this.$refs.form.validate(() => {
        this.POST_save();
      });
    },
    /* 获取代码表 */
    GET_codeTable() {
      const arrTableName = Object.keys(this.codeTable);
      this.$http.get('/dmbgl/dmblbCx', {
        params: {
          table_name: arrTableName.join()
        }
      }).then((res) => {
        this.getCodeTabled = true;
        const data = res.returnData.dmblb;
        arrTableName.forEach(item => {
          this.codeTable[item] = data[item];
        });
      });
    },
    /* 保存技能信息修改 */
    POST_save() {
      this.$loading = true;
      this.$http.post('/url/post/grgl_zyjnBc', this.zyjn).then(res => {
        const resData = res.returnData;
        this.$alert(resData.message, () => {
          const code = +resData.executeResult;
          if (code) {
            this.backBase();
          }
        });
      }).finally(() => {
        this.$loading = false;
      });
    },
    /* 返回基础信息 */
    backBase() {
      this.$router.go(-1);
    }
  },
  created() {
    // 获取代码表
    this.getCodeTabled = false;
    this.GET_codeTable();
    // 赋值
    var zyjn = this.$route.query;
    // if (!zyjn) return;

    if (zyjn.ywcz != 1) {
      Object.keys(this.zyjn).forEach(item => {
        this.zyjn[item] = zyjn[item];
      });
    } else {
      this.zyjn.ywcz = zyjn.ywcz;
      this.zyjn.grqzid = zyjn.grqzid;
      this.zyjn.yyjnlx = zyjn.yyjnlx;
    }


  }
};
</script>
<style scoped lang="scss">
@import '~common/scss/var.scss';
.wrap {
  background: $color-bg;
  .btn-wrap {
    display: flex;
    .weui-btn {
      margin: $margin-base auto;
      flex: 0 1 47%;
    }
  }
}
</style>
